<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src="js/jquery-1.8.3.min.js"></script>
  <script src="js/jquery.min.js"></script>
  <script src="js/bootstrap.js"></script>
  <script src="js/scrollReveal.js"></script>
  <script src="js/main.js"></script>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <!-- <link rel="stylesheet" href="css/main.css"> -->
  <link rel="stylesheet" href="css/about.css">
</head>

<body>
  <!-- 导航条 -->
  <nav class="navbar navbar-default">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
          data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class=" hidden-xs hidden-sm" href=""><img src="img/logonew.png" alt=""></a>
        <a class="navbar-brand hidden-lg hidden-md" href="#"><img src="img/logonewsmall.png" alt=""></a>
        <!-- <a class="navbar-brand" href="#"></a> -->
      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          <li><a href="main.html">首页</a></li>
          <li><a href="about.html">关于我们</a></li>
          <li><a href="service.html">服务范围</a></li>
          <li><a href="example.html">案列</a></li>
          <li><a href="callus.html">联系我们</a></li>
        </ul>

        <ul class="nav navbar-nav navbar-right">
          <li><a href="#">登录</a></li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>
  <!-- 巨幕 -->
  <div class="jumbotron">
    <div class="container" data-scroll-reveal="enter bottom after 0.2s">
      <h1 class="text-center abouth1">OUR STORY</h1>
      <h2 class="text-center abouth1">我们的背景</h2>
      <p class="text-center aboutc1 hidden-xs"> 沃巴博（上海）广告有限公司，
      </p>
      <p class="text-center aboutc1 hidden-xs">
        快速提升企业品牌价值与产品销量的广告营销策划公司。</p>
      <p class="text-center aboutc1 hidden-xs">
        沃巴博以非凡的策略与创意而闻名，</p>
      <p class="text-center aboutc1 hidden-xs"> 为企业提供品牌策划、广告创意、数字营销、社会化传播等全方位一站式的整合营销传播服务。</p>
      <p class="text-center aboutc2">这里聚集了大批互动高手，有传说中各种4A公司的资深创意狂人，有无所不能的技术精英，还有门户网站的媒体运营高手...... </p>
      <p class="text-center aboutc2 hidden-xs"> WBB一针见血的解决企业营销效率和投资回报率问题，</p>
      <p class="text-center aboutc2 hidden-xs"> 为客户不断创造市场奇迹。</p>
    </div>
  </div>
  <div class="jumbotron">
    <div class="container" data-scroll-reveal="enter bottom after 0.2s">
      <h1 class="text-center abouth1">OUR VALUES</h1>
      <h2 class="text-center abouth1">我们的价值观</h2>
    </div>

    <div class="row">
      <div class="col-md-2"></div>
      <div class="col-md-8">
        <div class="col-md-4 rongyao orange">
          <p class="text-center rongyao_titile"><span>Sincerity <br>
              真实</span></p>
          <p class="text-center">
            我们致力于和客户长久的信任关系，<br>
            用真诚树立对我们的信心。</p>
        </div>

        <div class="col-md-4 rongyao">

          <p class="text-center  rongyao_titile"><span>Passion <br>
              激情</span></p>
          <p class="text-center">
            我们非常热爱自己的行业和客户，<br>
            并持续的释放高能量。</p>
        </div>
        <div class="col-md-4 rongyao orange ">

          <p class="text-center  rongyao_titile"><span>Partner <br>
              伙伴</span></p>
          <p class="text-center">
            我们提倡与客户建立伙伴合作关系，<br>
            以对方的角度去思考。</p>
        </div>
        <div class="col-md-4 rongyao">

          <p class="text-center  rongyao_titile"><span>Integrity <br>
              完整</span></p>
          <p class="text-center">
            我们执着于完善工作的每个细节，<br>
            并始终关注其发展。</p>
        </div>
        <div class="col-md-4 rongyao orange">

          <p class="text-center  rongyao_titile"><span>Diversity <br>
              多样</span></p>
          <p class="text-center">
            我们善于创新，探索各种的可能性，<br>
            以此来创造惊喜。</p>
        </div>
        <div class="col-md-4 rongyao">

          <p class="text-center  rongyao_titile"><span>Improve <br>
              前进</span></p>
          <p class="text-center">
            我们努力加强战斗力的最高指数，<br>
            成就最优秀的自己。</p>
        </div>

      </div>
      <div class="col-md-2"></div>
    </div>


  </div>

  <!-- 角色 -->
  <div class="jumbotron">
    <h1 class="text-center">OUR TEAM</h1>
  </div>
  <div class="container">
    <div class="row">
      <div class="col-md-6  photo">
        <div class="col-md-12 photo_box">
          <img src="img/photo/photo1.png" alt="">
          <div class="idcard"><a>Yedda Gao<br /><span>CEO</span></a></div>
        </div>
      </div>
      <div class="col-md-6  photo">
        <div class="col-md-6 photo_box">
          <img src="img/photo/photo2.png" alt="">
          <div class="idcard"><a>Yedda Gao<br /><span>CEO</span></a></div>
        </div>
        <div class="col-md-6 photo_box">
          <img src="img/photo/photo3.jpg" alt="">
          <div class="idcard"><a>Yedda Gao<br /><span>CEO</span></a></div>
        </div>
        <div class="col-md-6 photo_box">
          <img src="img/photo/photo4.jpg" alt="">
          <div class="idcard"><a>Yedda Gao<br /><span>CEO</span></a></div>
        </div>
        <div class="col-md-6 photo_box">
          <img src="img/photo/photo5.jpg" alt="">
          <div class="idcard"><a>Yedda Gao<br /><span>CEO</span></a></div>
        </div>
      </div>

      <div class="col-md-6 photo">
        <div class="col-md-6 photo_box">
          <img src="img/photo/photo6.jpg" alt="">
          <div class="idcard"><a>Yedda Gao<br /><span>CEO</span></a></div>
        </div>
        <div class="col-md-6 photo_box">
          <img src="img/photo/photo7.jpg" alt="">
          <div class="idcard"><a>Tina Wang<br /><span>Strategy Manager</span></a></div>
        </div>

        <div class="col-md-6 photo_box">
          <img src="img/photo/photo8.jpg" alt="">
          <div class="idcard"><a>Lynn Sun<br /><span>Senior Creative Director</span></a></div>
        </div>
        <div class="col-md-6 photo_box">
          <img src="img/photo/photo9.jpg" alt="">
          <div class="idcard"><a>Dick Wong<br /><span>Senior Account Executive</span></a></div>
        </div>

      </div>
      <div class="col-md-6 photo">
        <div class="col-md-6 photo_box">
          <img src="img/photo/photo10.jpg" alt="">
          <div class="idcard"><a>Beata Wu<br /><span>Senior Account Manager</span></a></div>
        </div>
        <div class="col-md-6 photo_box">
          <img src="img/photo/photo11.jpg" alt="">
          <div class="idcard"><a>Ken Meng<br /><span>Art Director</span></a></div>
        </div>
        <div class="col-md-6 photo_box">
          <img src="img/photo/photo12.jpg" alt="">
          <div class="idcard"><a>Nelson Tang<br /><span>Interactive Director</span></a></div>
        </div>
        <div class="col-md-6 photo_box">
          <img src="img/photo/photo13.jpg" alt="">
          <div class="idcard"><a>Lou Shi<br /><span>Tech Manager</span></a></div>
        </div>

      </div>
    </div>
  </div>


  <div class="container-fuild foot">
    <div class="container">
      <div class="row">
        <div class="col-md-4 erweima">
          <div class="col-md-4 col-sm-2 ">
            <p class="text-center"><img src="img/erweima.png" alt=""></p>
            <p class="text-center erweima_text">关注Design设计公众平台</p>
          </div>
          <div class="col-md-2 hidden-xs">
          </div>
          <div class="col-md-6 col-sm-2 dizhi">
            <p class="hidden-xs"><img src="img/logohui.png" alt=""></p>
            <p class=" erweima_text hidden-xs">Design设计</p>
            <p class=" erweima_text hidden-xs">重庆市沙坪区</p>
            <p class=" erweima_text hidden-xs">TEL：68629999</p>
            <p class=" erweima_text hidden-xs"> QQ：2237880230</p>

          </div>
        </div>
        <div class="col-md-6 hidden-xs">
          <div class="col-md-2 col-sm-2 hidden-xs ">
            <dl class="foot_list">
              <dt class="text-center"> <a href="">案列</a> </dt>
              <dd class="text-center"><a href="">品牌策划</a></dd>
              <dd class="text-center"><a href="">品牌设计</a></dd>
              <dd class="text-center"><a href="">商业空间</a></dd>
            </dl>
          </div>
          <div class="col-md-2  col-sm-2 hidden-xs ">
            <dl class="foot_list">
              <dt class="text-center"><a href="">关于</a> </dt>
              <dd class="text-center"><a href="">设计是谁</a></dd>
              <dd class="text-center"><a href="">合作须知</a></dd>
              <dd class="text-center"><a href="">商业空间</a></dd>
            </dl>
          </div>
          <div class="col-md-2 col-sm-2 hidden-xs ">
            <dl class="foot_list">
              <dt class="text-center"><a href="">服务</a></dt>
              <dd class="text-center"><a href="">服务范围</a></dd>
              <dd class="text-center"><a href="">服务咨询</a></dd>
              <dd class="text-center"><a href="">服务内容</a></dd>
            </dl>
          </div>
          <div class="col-md-2 col-sm-2 hidden-xs ">
            <dl class="foot_list">
              <dt class="text-center"><a href="">联系</a></dt>
              <dd class="text-center"><a href="">位置地图</a></dd>
              <dd class="text-center"><a href="">联系方式</a></dd>
              <dd class="text-center"><a href="">加入我们</a></dd>
            </dl>
          </div>
        </div>
        <div class="col-md-2 col-sm-12">
          <p class="hidden-sm hidden-xs">本网站设计、源代码及其中所展示之作品著作权</p>
          <p class="hidden-sm  hidden-xs">均属于Design品牌设计，</p>
          <p class="hidden-sm hidden-xs">保留所有权利。</p>
          <p class="text-center hidden-md hidden-lg">本网站设计、源代码及其中所展示之作品著作权</p>
          <p class="text-center hidden-md hidden-lg">均属于Design品牌设计，</p>
          <p class="text-center hidden-md hidden-lg">保留所有权利。</p>
        </div>
      </div>
    </div>
    <br>
    <p class="text-center" style="margin-bottom:0px">Copyright © 2019.Company name All rights reserved.</p>
  </div>

  <a href="" class="cd-top">
    <script>
      $(".photo_box").hover(
        function () {
          $(this).find('.idcard:hidden').show();
          // $(this).find('img').css("opacity", "0.2")
        },
        function () {
          $(this).find('.idcard:visible').hide();
          // $(this).find('img').css("opacity", "1")
        }
      )
      if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
        (function () {
          window.scrollReveal = new scrollReveal({
            reset: true
          });
        })();
      };
    </script>

</body>

</html>